<!doctype html>
<head>
  <meta charset=utf-8>
  <style>
  #display {
    transition: all 0.01s;
  }
  </style>
  <script>
    var ok = opener.ok.bind(opener);
    function finish() {
      var o = opener;
      self.close();
      o.SimpleTest.finish();
    }
  </script>
</head>
<body>
<div id="display"></div>
<script>
'use strict';

/*
 * This tests for transitions generated on the -webkit-text-fill-color property.
 * This property has an initial value of 'currentcolor' so by triggering a
 * transition on the 'color' property we also--at least at the point when
 * this test was written--trigger a transition on the -webkit-text-fill-color
 * property (that behavior may change in bug 1260543).
 *
 * However, before beginning the test we disable -webkit-text-fill-color by
 * setting layout.css.prefixes.webkit to false. This code tests that we don't
 * end up triggering a transition on the (disabled) property in that case.
 */

var display = document.getElementById('display');
display.style.color = 'green';

var transitionedProperties =
  display.getAnimations().map(transition => transition.transitionProperty);

ok(!transitionedProperties.includes('-webkit-text-fill-color'),
   'We should not fire transitions for properties disabled by prefs');

finish();
</script>
</body>
